<template>
    <div>
        <template v-for="menu in userMenu">
               <el-sub-menu 
               :index="menu.path" :key="menu.id"
               v-if="menu.children &&menu.children.length>0 &&menu.children[0].menuType==1"
               >
          <template #title>
            <el-icon><component :is="menu.icon"/></el-icon>
            <span>{{menu.menuName}}</span>
          </template>
   <TreeMenu :userMenu="menu.children"></TreeMenu>
        </el-sub-menu>
        <el-menu-item
        v-else-if="menu.menuType==1"
        :index="menu.path"
        :key="menu._id">
        {{menu.menuName}}
        </el-menu-item>
        </template>
    </div>
</template>

<script setup>
import {defineProps}from"vue"
let props=defineProps({
    userMenu:{
        type:Object
    }
})
console.log(props);
</script>

<style lang="scss" scoped>

</style>